/* 全局样式 */

html, body {
    padding: 0;
    margin: 0;
}

/* 通用样式 */

/* flex 布局 */
.st-flex{
    display: flex;
}
/* flex 主轴纵向排列 */
.st-flex-direction-c{
    display: flex;
    flex-direction:column;
}
/* flex 主轴居中 */
.st-flex-align-center{
    display: flex;
    justify-content:center;
}
/* flex 交叉轴居中 */
.st-flex-align-cross-center{
    display: flex;
    align-items:center;
}
.st-flex-center-all {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* flex 主轴结尾对齐 */
.st-flex-align-end{
    display: flex;
    justify-content:flex-end;
}
/* flex 主轴两端对齐 */
.st-flex-align-between{
    display: flex;
    justify-content:space-between;
}
.st-flex-item-1{
    flex: 1;
}

/* 宽高相关 *******************************************/
.st-height-100-pc {
    height: 100%;
}

.st-width-100-pc {
    width: 100%;
}
.st-width-max-50-pc {
    max-width: 50%;
}
.st-width-max-70-pc {
    max-width: 70%;
}
/* 边距相关 *******************************************/
.st-padding-0{
    padding: 0 !important;
}
.st-padding-15-px{
    padding: 15px !important;
}

.st-margin-0{
    margin: 0 !important;
}
.st-margin-top-30-px{
    margin-top: 30px !important;
}

/* 边框相关 *******************************************/
.st-border-none{
    border: none;
}
.st-border-circle{
    border-radius: 50%;
}
/* 布局相关 *******************************************/
.st-fixed{
    position: fixed;
}
.st-relative{
    position: relative;
}
.st-absolute{
    position: absolute;
}
.st-left-0{
    left: 0;
}
.st-right-0{
    right: 0;
}
.st-top-0{
    top: 0;
}
.st-bottom-0{
    bottom: 0;
}
.st-center{
    text-align: center;
}
/* 字体相关 *******************************************/
.st-font-size-esm{
    font-size: 12px;
}
.st-font-size-sm{
    font-size: 13px;
}
.st-font-size-base{
    font-size: 14px;
}
.st-font-size-md{
    font-size: 16px;
}
.st-font-size-lg{
    font-size: 18px;
}
.st-font-size-elg{
    font-size: 20px;
}
.st-font-size-30-px{
    font-size: 30px;
}
/* 行间距 *****************************************************/
.st-line-height-1{
    line-height: 1;
}


/* 鼠标 *****************************************************/
.st-pointer:hover{
    cursor: pointer;
}
/* 颜色相关 *******************************************/
.st-color-fff,.st-color-white{
    color:#fff !important;
}
/* 主要 */
.st-color-primary{
    color:#303133;
}
/* 常规 */
.st-color-normal{
    color:#606266;
}
/* 次要 */
.st-color-less{
    color:#909399;
}
/* 占位 */
.st-color-position{
    color:#909399;
}
/* 背景相关 *******************************************/
/* 图片点位背景 */
.st-bg-color-image{
    background-color: #f5f7fa;
}
.st-bg-color-white{
    background-color: #ffffff;
}
/* 其它 */
.st-pointer:hover{
    cursor: pointer;
}
.st-overflow-hidden{
    overflow: hidden !important;
}
.st-overflow-x-hidden {
    overflow-x: hidden !important;
}
.st-overflow-y-hidden {
    overflow-y: hidden !important;
}

/* 自定义的按钮空图标，并无此图标，因为有的按钮有图标有的没有，对齐有问题 主要是为了兼容element ui 按钮*/
.st-icon-empty:before {
    content: "\1";
    font-family: element-icons !important;
}
/* 样式覆盖 */
/* 垂直滚动 */
.st-el-scroll-vertical.el-scrollbar .el-scrollbar__wrap{
    overflow-x: hidden;
}
.st-el-scroll-vertical.el-scrollbar .el-scrollbar__bar.is-horizontal{
    display: none;
}